/* 设置文档字符集为UTF-8 */
@charset "utf-8";

/* 从指定URL导入字体样式表 */
@import "https://gitee.com/winxper/typora/raw/master/sQuall/fonts.css";

:root {
    color-scheme: light dark;  
	--light-bg-color: #fff;
    --dark-bg-color: #363B40;
	
	--light-text-color: #3c3c3c;
	--dark-text-color: #b8bfc6;
	
	--light-border-color: #000;
	--dark-border-color: #b8bfc6;
	
	--light-mark-color: #07C160;
	--dark-mark-color: #07C160;
	

	
}
@media (prefers-color-scheme: dark) {
    body {
        background-color: var(--dark-bg-color);
		color: var(--dark-text-color);
    }
	th {
	    border-top-color: var(--dark-border-color);
	}
	tr:last-child {
	    border-bottom-color: var(--dark-border-color); 
	}
	mark {
		color: var(--dark-mark-color);
		background: var(--dark-bg-color);
	}
}
@media (prefers-color-scheme: light) {            
    body {                
        background-color: var(--light-bg-color);
		color: var(--light-text-color);
    }
	th {
	    border-top-color: var(--light-border-color);
	}
	tr:last-child {
	    border-bottom-color: var(--light-border-color);
	}
	mark {
		color: var(--light-mark-color);
		background: var(--light-bg-color);
	}
}


/* 以下样式仅适用于屏幕宽度≤768px的移动设备 */
@media screen and (max-width: 768px) {
    /* 全局样式重置 */
    * {            
        margin: 0;          /* 重置所有元素外边距 */
        border: 0;          /* 重置所有元素边框 */
        padding: 0;         /* 重置所有元素内边距 */
    }
    
    /* 正文基础样式 */
    body {
        font-size: 15px;    /* 基础字号15px */
        font-family: "PingFang SC", "Microsoft YaHei", "Qomolangma", sans-serif; /* 中文字体栈 */
        line-height: 1.75;  /* 行高1.75倍 */
        margin: 0;          /* 清除默认边距 */
        padding: 6%;        /* 页面内容内边距6% */
        counter-reset: h2 0;/* 重置计数器用于自动生成编号 */
    }
    
    /* 段落样式 */
    p {
        font-size: 1em;     /* 继承父级字号 */
        text-align: justify;/* 两端对齐 */
    }
     
    /* 一级标题样式 */
    h1 {
        font-size: 1.4em;   /* 字号1.4倍 */
        text-align: justify;/* 两端对齐 */
        line-height: 1.4;   /* 行高1.4倍 */
        padding-left: 0;    /* 清除默认左内边距 */
        margin-bottom: 1.4em;/* 下边距1.4em */
    }
    
    /* 二三级标题样式 */
    h2, h3 {
        font-size: 1em;     /* 继承父级字号 */
        text-align: justify;/* 两端对齐 */
        line-height: 1.75;  /* 行高1.75倍 */
    }
    
    /* 引用块样式 */
    blockquote p {
        text-indent: -3.1em;/* 负缩进实现悬挂效果 */
        padding-left: 3.1em;/* 左内边距补偿缩进 */
        line-height: 1.75;  /* 行高1.75倍 */
        margin-bottom: 0.3em;/* 下边距0.3em */
    }
    
    /* 无序列表样式 */
    ul {
        list-style-type: circle; /* 空心圆点项目符号 */
        padding-left: 6%;       /* 左内边距6% */
        margin: 0 0 10px;       /* 下边距10px */
        line-height: 1.75;      /* 行高1.75倍 */
        text-align: justify;    /* 两端对齐 */
    }
    
    /* 强调文本样式 */
    strong {
        font-weight: 700;     /* 加粗字体 */
    }
    
    /* 标记文本样式 */
    mark {
        font-weight: 700;     /* 加粗字体 */
    }
    
    /* 表格基础样式 */
    table {
        width: 94%;          /* 表格宽度94% */
        height: 2em;         /* 行高2em */
        border-collapse: collapse; /* 边框合并 */
        margin: 1em auto;    /* 上下边距1em，水平居中 */
    }
    
    /* 表格单元格样式 */
    td {
        text-align: center;  /* 水平居中对齐 */
        vertical-align: middle; /* 垂直居中对齐 */
    }
    
    /* 表格表头样式 */
    th {
        border-top-width: 2px;     /* 顶部边框2px */
        border-top-style: solid;   /* 实线样式 */
        border-bottom-width: 1px;  /* 底部边框1px */
        border-bottom-style: solid;/* 实线样式 */
        border-bottom-color: #808080;/* 中性灰边框 */
    }
    
    /* 表格最后一行样式 */
    tr:last-child {
        border-bottom-width: 2px;  /* 底部边框2px */
        border-bottom-style: solid;/* 实线样式 */
    }
}